*{
    margin: 0;
    padding: 0;
}
.topNameBox{
    width: 375px;
    height: 180px;
    background-color: #ffffff;
    font-size: larger;
    line-height: 180px;
    padding-left: 25px;
}
.middleLeftBox{
    width: 60px;
    height: 400px;
    background-color: #fdfdfa;
}
.middleLeftBox button{
    width: 60px;
    height: 40px;
    cursor: pointer;
    border: 0;
}
.middleRightBox{
    width: 315px;
    height: 480px;
    overflow: scroll;
    position: relative;
    left: 75px;
    top: -400px;
}
.foodListBox{
    display: flex;
}
.foodListBox button{
    width: 18px;
    height: 18px;
}
.numBox{
    position: relative;
    left: 150px;
}
.price{
    position: relative;
    top: 30px;
}
.bottomOneBox{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: grey;
    border: 0;
}
.bottomOneBigBox{
    width: 395px;
    height: 40px;
    position: relative;
    top: -390px;
}
.bottomTwoBox{
    position: relative;
    left: 10px;
    top: -10px;
    background-color: white;
    border: 0;
    font-size: larger;
    color: gray;
}
.bottomThereBox{
    position: relative;
    left: 190px;
    top: -10px;
    background-color: white;
    border: 0;
    font-size: larger;
    color: gray;
}
.bottomTwoBigBox{
    width: 395px;
    height: 40px;
    position: relative;
    top: -390px;
}
.bottomFourBox{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fccf00;
    border: 0;
}
.bottomFiveBox{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    border: 0;
    color: white;
    position: relative;
    top: -25px;
    left: -8px;
    text-align: center;
    line-height: 15px;
}
.bottomSixBox{
    border: 0;
    background-color: white;
    font-weight: 700;
    font-size: 21px;
    position: relative;
    top: -8px;
}
.bottomSevenBox{
    width: 120px;
    height: 30px;
    background-color: #f8d300;
    position: relative;
    left: 160px;
    top: -10px;
    border: 0;
    border-radius: 15%;
}
.shopBox{
    display: flex;
    margin-top: 15px;
}
.shopBox button{
    width: 25px;
    height: 25px;
    border: 0;
}
.shopSmallBox{
    position: relative;
    left: 220px;
}
.n{
    position: relative;
    left: 10px;
}
.p{
    position: relative;
    top: 30px;
    left: 10px;
}
.shopBigBox{
    width: 400px;
    height: 170px;
    overflow: scroll;
    /* background-color: pink; */
    position: relative;
    top: 10px;
    left: 15px;
}
.shopTopBox{
    width: 80px;
    height: 25px;
    /* background-color: pink; */
    /* font-weight: 600; */
    position: relative;
    left: 15px;
    top: 10px;
    letter-spacing: 4px;
}
.shopMiddleBox{
    position: relative;
    left: 340px;
    top: -10px;
}
